<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>李荣鹏2215220334的黑店</title>
<link href="css/style.css" type="text/css" rel="stylesheet" media="all">
</head>
<body>
<header class="head clearfix">
  <div class="main "><b class="logo"><img src="images/logo.png" width="220"></b> <span class="fr">
    <p id="menuAppend">
    	<a href="index.html">主页</a> <a href="list.html">所有书籍</a> 
    </p>
    </span>
    <div class="clearfix"></div>
  </div>
</header>
<section class="main clearfix"><br>
  <div class="bar2">
    <h3>个人信息</h3>
  </div>
  <div class="formBox">
  	<h1>个人中心</h1>
  	<form action="">
		<div class="formLine">
			<label for="nickName">用户头像</label>
			<div class="userImgBox">
				<div class="imgBox">
					<input type="file" accept="image/*" name="imgFile" style="display: none;" id="imgFile" onchange="getImgFile()">
					<img src="./images/b7.jpg" alt="" id="userImg" onclick="handleImg()" />
				</div>
			</div>
		</div>
  		<div class="formLine">
  			<label for="nickName">用户昵称</label>
  			<input type="text" name="nickName" id="nickName">
  		</div>
  		<div class="formLine">
  			<label for="userName">用户名</label>
  			<input type="text" name="userName" id="userName">
  		</div>
  		<div class="formLine">
  			<label for="brethtime">出生日期</label>
  			<input type="date" name="brethtime" id="brethtime">
  		</div>
  		<div class="formLine">
  			<label for="sex">性别</label>
			<input class="inputRadio" type="radio" name="sex" id="sex_f" value="2"> <p class="raidoTxt">保密</p>
  			<input class="inputRadio" type="radio" name="sex" id="sex_m" value="1"> <p class="raidoTxt">男</p>
  			<input class="inputRadio" type="radio" name="sex" id="sex_f" value="0"> <p class="raidoTxt">女</p>
  		</div>
  		<div class="formLine">
  			<label for="location">所在地</label>
  			<select name="location" id="location">
				<option selected value="华北">华北</option>
				<option value="华南">华南</option>
				<option value="华东">华东</option>
				<option value="东北">东北</option>
				<option value="西北">西北</option>
			</select>
  		</div>
  		<div class="formLine">
  			<label for="phone">联系电话</label>
  			<input type="text" name="phone" id="phone">
  		</div>
		<div class="formLine">
			<label for="tel">家庭座机</label>
			<input type="text" name="tel" id="tel">
		</div>
  		<div class="formLine">
  			<label for="email">E-mail</label>
  			<input type="text" name="email" id="email">
  		</div>
		<div class="formLine">
			<label>兴趣分类</label>
			<div class="checkLine">
				<div><input type="checkbox" name="kind" value='1' /><label for="kind">艺术类</label></div>
				<div><input type="checkbox" name="kind" value='2' /><label for="kind">科技类</label></div>
				<div><input type="checkbox" name="kind" value='3' /><label for="kind">生活类</label></div>
				<div><input type="checkbox" name="kind" value='4' /><label for="kind">家具类</label></div>
				<div><input type="checkbox" name="kind" value='5' /><label for="kind">建筑类</label></div>
				<div><input type="checkbox" name="kind" value='6' /><label for="kind">汽车类</label></div>
			</div>
			
		</div>
  		<div class="formLine">
  			<label>个人简介</label>
  			<textarea class="inputTextArea" name="perfornTxt" id="perfornTxt" cols="30" rows="10"></textarea>
  		</div>
		<div class="formLine">
			<label>签名</label>
			<textarea class="inputTextArea" name="signTxt" id="signTxt" cols="30" rows="10"></textarea>
		</div>
  		<div class="formLine formBtn">
  			<button type="button" onclick="saveData()">提交</button>
  			<button id="formReset" onclick="resetData()" type="reset">重置</button>
			<button id="formReset" onclick="loginOut()" type="button">退出登录</button>
  		</div>
  	</form>
  	
  </div>
</section>
<footer> 李荣鹏2215220334的黑店</footer>
<script src="js/menu.js"></script>
<script src="js/mine.js"></script>
</body>
</html>
